<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorate="main"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>订单明细</title>
    <link th:href="@{/static/localcss/crmlist.css}" href="../../static/localcss/crmlist.css" rel="stylesheet">
</head>
<body>
<div layout:fragment="content">
    <div class="">
        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2>
                            客户信息管理 > 客户信息 > 历史订单 > 订单明细
                        </h2>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content">
                        <div id="datatable-responsive_wrapper"
                             class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                            <div class="row">
                                <div class="col-sm-12">
                                    <table id="datatable-responsive"
                                           class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                           cellspacing="0" width="100%" role="grid"
                                           aria-describedby="datatable-responsive_info" style="width: 100%;">
                                        <tr role="row">
                                            <th class="sorting_asc" style="width: 200px">订单编号</th>
                                            <td tabindex="0" class="sorting_1"
                                                th:text="${orders.odrId}"></td>
                                            <th class="sorting_asc" style="width: 200px">日期
                                            </th>
                                            <td tabindex="0" class="sorting_1"
                                                th:text="${#temporals.format(orders.odrDate, 'yyyy-MM-dd HH:mm:ss')}"></td>
                                        </tr>
                                        <tr role="row">
                                            <th class="sorting_asc" style="width: 200px">送货地址</th>
                                            <td tabindex="0" class="sorting_1"
                                                th:text="${orders.odrAddr}"></td>
                                            <th class="sorting_asc" style="width: 200px">总金额(元)
                                            </th>
                                            <td tabindex="0" class="sorting_1"
                                                th:text="${orders.odrAmount}"></td>
                                        </tr>
                                        <tr role="row">
                                            <th class="sorting_asc" style="width: 200px">订单编号</th>
                                            <td tabindex="0" class="sorting_1">
                                                <span th:if="${orders.odrStatus=='5'}">已收货</span>
                                                <span th:if="${orders.odrStatus=='6'}">已回款</span>
                                            </td>
                                            <th class="sorting_asc" style="width: 200px">
                                            </th>
                                            <td tabindex="0" class="sorting_1"></td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="clearfix"></div>
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_content" style="display: block;">
                        <div id="datatable-responsive_wrapper"
                             class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                            <div class="row">
                                <div class="col-sm-12">
                                    <table id="datatable-responsive"
                                           class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                           cellspacing="0" width="100%" role="grid"
                                           aria-describedby="datatable-responsive_info" style="width: 100%;">
                                        <thead>
                                        <tr role="row">
                                            <th class="sorting_asc" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                style="width: 70px;"
                                                aria-label="First name: activate to sort column descending"
                                                aria-sort="ascending">商品
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                style="width: 10px;"
                                                aria-label="Last name: activate to sort column ascending">
                                                数量
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                style="width: 90px;"
                                                aria-label="Last name: activate to sort column ascending">
                                                单位
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                style="width: 90px;"
                                                aria-label="Last name: activate to sort column ascending">
                                                单价(元)
                                            </th>
                                            <th class="sorting" tabindex="0"
                                                aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                style="width: 90px;"
                                                aria-label="Last name: activate to sort column ascending">
                                                金额(元)
                                            </th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            <tr role="row" class="odd" th:each="ordersLine:${ordersLineList}">
                                                <td tabindex="0" class="sorting_1"
                                                    th:text="${ordersLine.prodName}">诺基亚手机</td>
                                                <td th:text="${ordersLine.oddCount}">50</td>
                                                <td th:text="${ordersLine.oddUnit}">部</td>
                                                <td th:text="${ordersLine.oddPrice}">2460</td>
                                                <td th:text="${ordersLine.oddPrice*ordersLine.oddCount}">123000</td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>